@page
@{ Layout = "_Layout"; }

<el-card>
    <div slot="header" class="clearfix">
        <span>调查问卷-{{ title }}-二维码地址</span>
        <el-button style="float: right;padding:3px 0;" type="text" v-on:click="utils.closeLayerSelf"><i class="el-icon-close"></i></el-button>
    </div>
    <el-scrollbar class="scrollbar" :style="{ height: ($(window).innerHeight()-180) + 'px' }">
        <div style="margin-right:18px;">
            <el-form :size="euiSize" ref="form" label-width="120px">
                <el-form-item label="二维码地址">
                    <div>{{ qrcodeUrl }}</div>
                    <tips>
                        <el-button type="text" v-on:click="btnCopyUrlClick">点击复制</el-button>
                    </tips>
                </el-form-item>
                <el-form-item label="二维码">
                    <vue-qr :text="qrcodeUrl" size="333" margin="0"></vue-qr>
                </el-form-item>
            </el-form>
        </div>
    </el-scrollbar>
</el-card>
<el-row align="center" style="margin-top:18px;">
    <el-col :span="24" align="center">
        <el-button icon="el-icon-close" :size="euiSize" v-on:click="utils.closeLayerSelf">关 闭</el-button>
    </el-col>
</el-row>
@section Scripts{
    <script src="/sitefiles/assets/lib/vue-qr/vue-qr.js" type="text/javascript"></script>
    <script src="/sitefiles/assets/js/admin/exam/examQuestionnaireQrcode.js" type="text/javascript"></script>
}